@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
}

#app {
  height: 100vh;
  width: 100vw;
}

.rounded-button {
  border-radius: 6px;
}

.text-primary {
  color: #1890ff;
}

.bg-primary {
  background-color: #1890ff;
}

/* Element Plus 全局样式覆盖 */
.el-button--primary {
  --el-button-bg-color: #3b82f6;
  --el-button-border-color: #3b82f6;
  --el-button-hover-bg-color: #2563eb;
  --el-button-hover-border-color: #2563eb;
  --el-button-active-bg-color: #1d4ed8;
  --el-button-active-border-color: #1d4ed8;
}

.el-link--primary {
  --el-link-text-color: #1890ff;
  --el-link-hover-text-color: #40a9ff;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}

.el-radio__input.is-checked .el-radio__inner {
  background-color: #1890ff;
  border-color: #1890ff;
}

.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px #1890ff inset;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(24, 144, 255, 0.3);
  border-radius: 4px;
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(24, 144, 255, 0.5);
}
